document.addEventListener("DOMContentLoaded", function() {
    // 获取元素
    var content = document.getElementById('content');
    var image = document.getElementById('image');
    var title = document.getElementById('title');
    var descriptions = document.getElementsByClassName('description');

    // 访问父节点
    console.log("Content 的父节点:", content.parentNode);

    // 访问子节点
    console.log("Content 的子节点:", content.childNodes);

    // 访问第一个子节点
    console.log("Content 的第一个子节点:", content.firstChild);

    // 访问最后一个子节点
    console.log("Content 的最后一个子节点:", content.lastChild);

    // 访问兄弟节点
    console.log("Image 的下一个兄弟节点:", image.nextSibling);
    console.log("Image 的上一个兄弟节点:", image.previousSibling);

    // 访问特定类型的兄弟节点
    console.log("Image 的下一个元素兄弟节点:", image.nextElementSibling);
    console.log("Image 的上一个元素兄弟节点:", image.previousElementSibling);

    // 遍历所有描述段落的父节点
    for (var i = 0; i < descriptions.length; i++) {
        console.log("描述段落 " + (i + 1) + " 的父节点:", descriptions[i].parentNode);
    }
});

// 添加节点
function addNode() {
  var content = document.getElementById('content');
  var newNode = document.createElement('p');
  newNode.textContent = '这是一个新添加的段落。';
  content.appendChild(newNode);
}

// 删除节点
function removeNode() {
  var content = document.getElementById('content');
  if (content.lastChild) {
      content.removeChild(content.lastChild);
  }
}
